﻿
*{ margin: 0;padding: 0; border:none; list-style:none; }

/**{font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "微软雅黑","Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important;}*/
body {-webkit-text-size-adjust:none; font-family: "WenQuanYi Micro Hei Mono", "WenQuanYi Micro Hei", "微软雅黑","Microsoft Yahei Mono", "Microsoft Yahei", sans-serif !important; min-width:1200px;}
a{ text-decoration:none;}
ul {list-style: none;}
li{ list-style-type:none;}
.clear{ clear:both;}

.I-top{ width:100%; height:30px; overflow:hidden; position:relative !important; background:#f7f7f7; border-bottom:1px solid #efefef;}
.I-toper{ width:1200px; height:auto; overflow:hidden; margin:0px auto; /*border:1px solid red;*/}
.I-toper .I-toper-left{ width:auto; line-height:30px; color:#999999; font-size:12px; float:left;}
.I-toper .I-toper-right{ width:auto; float:right;}
.I-toper .I-toper-right ul{}
.I-toper .I-toper-right ul li{ width:auto; line-height:30px; float:left; margin-left:20px;}
.I-toper .I-toper-right ul li img{ float:left; margin-top:2px;}
.I-toper .I-toper-right ul li p{ float:left; margin-left:6px; color:#999999; font-size:12px;}
.I-toper .I-toper-right ul li p a{ color:#999999;}
.I-toper .I-toper-right ul li p a:hover{ color:red;}


.I-p{ width:100%; height:auto; overflow:hidden; position:relative !important; padding:20px 0px; background:#cddaec;}
.I-p .I-p-top{ width:1200px; height:auto; overflow:hidden; position:relative !important; margin:0px auto; text-align:center;}
.I-p .I-p-top .btitle{color:#252525; font-size:40px; line-height:1.5;  text-align:center;font-weight:bold;}
.I-p .I-p-top .mtitle{color:#252525; font-size:24px; line-height:1.5; text-align:center;}

.I-p .I-p-con{ width:1200px; height:auto; overflow:hidden; position:relative !important;/* border:1px solid red; */ margin:0px auto; margin-top:40px;}
.I-p .I-p-con ul{}
.I-p .I-p-con ul li{ width:240px; height:auto; overflow:hidden; float:left; text-align:center;}
.I-p .I-p-con ul li img{ width:160px; height:80px; border:none; margin-top:10px;}
.I-p .I-p-con ul li a:hover img{ background:url(../images/I-p-mor1.png) no-repeat;}
.I-p .I-p-con ul li p{ color:#252525; font-size:20px; line-height:2; font-weight:bold;}
.I-p .I-p-con ul li p a{ color:#252525; text-decoration:none;}
.I-p .I-p-con ul li p a:hover{ color:#4a72ad; text-decoration:none;}
.I-p .I-p-con ul li:hover{ display:block; background:#a1bbde; text-decoration:none;}



.about_bg .btitle{color:#252525; font-size:40px; line-height:1.5;  text-align:center;font-weight:bold;}
.about_bg .mtitle{color:#252525; font-size:24px; line-height:1.5; text-align:center;}

main1 {
  max-width: 1400px;
  margin: 0 auto; }

.s2 {
  background: #f7f7f7;
  padding-top: 50px;
  padding-bottom: 70px;
  border-bottom: 1px solid #dcdcdc; }
  .s2 .t1 {
    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 38px;
    color: #202020;
    font-weight: bold;
    text-align: center; }
  .s2 .t2 {
    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 16px;
    color: #8f8f8f;
    text-align: center;
    margin-top: 15px; }
  .s2 .s2_main {
    padding-top: 50px; }
    .s2 .s2_main:after {
      content: '';
      clear: both;
      overflow: hidden;
      display: block;
      width: 0;
      height: 0; }
  /*  .s2 .s2_main .left {
      width: 322px;
      height: 662px;
      float: left;
      background: url("../Image/s2_l.jpg") no-repeat center;
      background-size: contain;
      -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }*/
    .s2 .s2_main .right {
      width: 1420px;
       margin:0px auto;
	   border:1px solid red;}
      .s2 .s2_main .right li {
        float: left;
		border:1px solid red;
        width: 340px;
        margin-right: 6px;
		margin-left:6px;
        margin-bottom: 14px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); }
        .s2 .s2_main .right li:nth-child(3n) {
          margin-right: 0; }
        .s2 .s2_main .right li:hover .pic img {
          transform: scale(1.15);
          -ms-transform: scale(1.15);
          -moz-transform: scale(1.15);
          -webkit-transform: scale(1.15);
          -o-transform: scale(1.15); }
        .s2 .s2_main .right li:hover .pic:before {
          opacity: 1; }
        .s2 .s2_main .right li:hover .pic:after {
          width: 75%;
          height: 75%;
          opacity: 1; }
        .s2 .s2_main .right li:hover .word .w1 {
          color: #4a72ad;
          transform: translateX(6px);
          -ms-transform: translateX(6px);
          -moz-transform: translateX(6px);
          -webkit-transform: translateX(6px);
          -o-transform: translateX(6px); }
        .s2 .s2_main .right li .pic {
          width: 100%;
          height: 256px;
          overflow: hidden;
          position: relative; }
          .s2 .s2_main .right li .pic img {
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%;
            height: 100%;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .s2 .s2_main .right li .pic:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 4;
            opacity: 0;
            transition: 0.4s;
            -moz-transition: 0.4s;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .s2 .s2_main .right li .pic:after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 99%;
            height: 99%;
            border: 1px solid #fff;
            z-index: 4;
            background: none;
            opacity: 0;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
        .s2 .s2_main .right li .word {
          width: 100%;
          height: 68px;
          background: #fff; }
          .s2 .s2_main .right li .word .w1 {
            width: 180px;
            height: 100%;
            line-height: 68px;
            font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: #212121;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
            padding-left: 25px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */
            float: left; }
          .s2 .s2_main .right li .word .w2 {
            width: 68px;
            height: 68px;
            background: #00A34A;
            float: right;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
            .s2 .s2_main .right li .word .w2:hover {
              transform: scale(0.85);
              -ms-transform: scale(0.85);
              -moz-transform: scale(0.85);
              -webkit-transform: scale(0.85);
              -o-transform: scale(0.85); }
            .s2 .s2_main .right li .word .w2 a {
              width: 100%;
              height: 100%;
              display: block;
              text-align: center;
              line-height: 68px; }
              .s2 .s2_main .right li .word .w2 a i {
                font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 30px;
                color: #fff; }
          .s2 .s2_main .right li .word .w3 {
            width: 68px;
            height: 68px;
            background: #efefef;
            float: right;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
            .s2 .s2_main .right li .word .w3:hover {
              transform: scale(0.85);
              -ms-transform: scale(0.85);
              -moz-transform: scale(0.85);
              -webkit-transform: scale(0.85);
              -o-transform: scale(0.85); }
            .s2 .s2_main .right li .word .w3 a {
              width: 100%;
              height: 100%;
              display: block;
              text-align: center;
              line-height: 68px; }
              .s2 .s2_main .right li .word .w3 a i {
                font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 30px;
                color: #000; }







.indnews {	padding: 20px 0 40px 0;	overflow: hidden;	position: relative; margin-top:100px;}
.clearfix {
*zoom:1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

.I-pro{ width:1420px; height:auto; overflow:hidden; position:relative !important; margin:0px auto;}
.I-pro ul{}
.I-pro ul li{ width:340px; height:340px; float:left; margin-left:6px; margin-right:6px;}
.I-pro ul li .pro-title{ width:100%; height:80px; line-height:30px; text-align:center; color:#000; font-size:14px; background:#dedede;}
.I-pro ul li .pro-title p{ padding-top:10px;}
.I-pro ul li a:hover .pro-title p { color:#fff; text-decoration:none;}
.I-pro ul li a:hover .pro-title{ background:#4a72ad;}
.I-pro ul li .pic{ width:340px; height:243px;}
.I-pro ul li .pic img{ width:340px; height:243px;}
.I-pro ul li a:hover .pic  img { width:340px; height:243px; opacity: 0.5;
	filter: alpha(opacity=99);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";}

.w1200{ width:1200px; height:auto; overflow:hidden; margin:0px auto;}
.newsBox {
	width: 650px;
	height: 488px;
	overflow: hidden;
	position: relative;
}
.newsBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 16px;
	bottom: 10px;
	z-index: 10;
}
.newsBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.newsBox .hd ul li {
	float: left;
	margin-right: 6px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.newsBox .hd ul li.on {
	background: #f9e012;
	color: #fff;
}
.newsBox .bd {
	position: relative;
	width: 650px;
	height: 488px;
	z-index: 0;
	overflow: hidden;
}
.newsBox .bd li {
	zoom: 1;
	vertical-align: middle;
	position: relative;
}
.newsBox .bd img {
	width: 650px;
	height: 488px;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newsBox .bd li h3 {
	display: block;
	font-size: 20px;
	padding-left: 28px;
	padding-top: 30px;
}
.newsBox .bd li .txt {
	background: url(../images/green80.png) repeat left top;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	z-index: 5;
}
.newsBox .bd li p {
	padding: 0 28px;
}
.newsBox .bd li .time {
	font-size: 16px;
	padding-right: 30px;
	padding-top: 28px;
}
.newsBox .bd li a:hover img {
	transform: scale(1.1, 1.1);
}
.txtlistbox {
	width: 520px;
}
.txtlistbox li {
	border-bottom: 1px solid #ddd;
	padding: 11px 0 11px 0px;
	position: relative;
}
.txtlistbox li:first-child {
	padding-top: 0;
}
.txtlistbox li a {
	display: block;
	padding-bottom: 11px;
}
.txtlistbox li h3 {
	font-size: 18px;
	display: inline-block;
+display: inline;
*zoom: 1;
font-weight:100;
}
.txtlistbox li a h3 {
	text-decoration:none;
	color:#000;
}

.txtlistbox li a span {
	text-decoration:none;
	color:#000;
}
.txtlistbox li a:hover h3 {
	color:#4a72ad;
}
.txtlistbox li p {
	font-size: 13px;
	line-height: 23px;
	height: 46px;
	color: #333;
	text-decoration:none;
	margin-top:4px;
}
.txtlistbox li a p {
	text-decoration:none;
	color:#000;
}
.txtlistbox li span {
	display: block;
	color: #333;
}
.txtlistbox li em {
	width: 15px;
	height: 15px;
	display: inline-block;
	background-position: -304px 0;
+display: inline;
*zoom: 1;
}
.txtlistbox li:before {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	content: "";
	width: 0;
	background: #4a72ad;
	transition: width .6s ease-out;
}
.txtlistbox li:hover:before {
	width: 100%
}

.icon {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}




.more {
	margin-top: 40px;
}
.more .line {
	display: block;
	width: 500px;
	height: 1px;
	margin-top: 24px;
	background: #ccc;
}
.more .look_more {
	display: block;
	width: 198px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ccc;
	transition: all .5s;
}
.more .look_more:hover {
	background: #4a72ad;
	color: #fff;
	transition: all .5s;
	border: 1px solid #127a44;
}

.indnews .btitle{color:#252525; font-size:40px; line-height:1.5;  text-align:center;font-weight:bold;}
.indnews .mtitle{color:#252525; font-size:24px; line-height:1.5; text-align:center; margin-bottom:20px;}


.main_page {  position: relative;  z-index: 20;  background: #fff;  width: 100%;  height: auto; }




main {  max-width: 1200px;  margin: 0 auto; }

.s6 {  padding-top: 90px;  position: relative; }
.s6 .s6_bac {    width: 100%;    height: 100%;    background-repeat: no-repeat;    background-position: center;    background-attachment: fixed;    background-size: cover;    position: absolute;    top: 0;    left: 0;    z-index: 1;    opacity: 0.8; }
.s6 .s6_mask {    width: 100%;    height: 100%;    position: absolute;    top: 0;    background: #052f68;    opacity: 0.9;    z-index: 5; }
.s6 .s6_main {    position: relative;    z-index: 8; }
.s6 .s6_main .a1 {      width: 20px;      height: 1px;      background: #a7b3c6;      margin: 0 auto; }
.s6 .s6_main .a2 {      font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;      font-size: 38px;      color: #fff;      text-align: center;      margin-top: 32px; }
.s6 .s6_main .a3 {      margin-top: 40px;      font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;      font-size: 14px;      color: rgba(255, 255, 255, 0.7);      line-height: 30px;      letter-spacing: 1px;      width: 90%;      margin-left: 5%;      text-align: center;      font-weight: lighter;      margin-bottom: 50px; }
.s6 .s6_main .a4 {      margin: 0 auto;      width: 50px;      height: 50px;      transition: 0.5s;      -moz-transition: 0.5s;      -webkit-transition: 0.5s;      -o-transition: 0.5s;      transition-timing-function: ease;      -moz-transition-timing-function: ease;      /* Firefox 4 */      -webkit-transition-timing-function: ease;      /* Safari 和 Chrome */      -o-transition-timing-function: ease;      /* Opera */ }
.s6 .s6_main .a4:hover {        transform: rotate(180deg);        -ms-transform: rotate(180deg);        -moz-transform: rotate(180deg);        -webkit-transform: rotate(180deg);        -o-transform: rotate(180deg); }
.s6 .s6_main .a4 a {        width: 100%;        height: 100%;        display: block; }    
.s6 .s6_main .a5 {      width: 100%;      background: #fff;      box-sizing: border-box;      -moz-box-sizing: border-box;      /* Firefox */      -webkit-box-sizing: border-box;      /* Safari*/      padding: 20px;      *zoom: 1;      position: relative;      bottom: -65px; }
.s6 .s6_main .a5:before, .s6 .s6_main .a5:after {        content: " ";        display: table; }
.s6 .s6_main .a5:after {        clear: both; }
.s6 .s6_main .a5 li {        width: 23.5%;        margin-right: 2%;        height: 215px;        float: left;        overflow: hidden; }
.s6 .s6_main .a5 li img {          -o-object-fit: cover;          object-fit: cover;          -o-object-position: center;          object-position: center;          width: 100%;          height: 100%; }
.s6 .s6_main .a5 li:last-child {          margin-right: 0; }











